<?php echo $header; ?>

<div id="container" class="clearfix">
    <?php echo $content_top; ?>

    <div class="template-article w-content clearfix">
        <h3 class="title-col"><?php echo $heading_title ?></h3>
        <div class="each-col">
            <?php echo $description ?>
        </div>
        <div class="each-col">
            <div class="wrap-form-contact">
                <form id="contact_form" action="<?php echo $action; ?>" method="post" enctype="multipart/form-data">
                    <input class="txt-input" name="name" value="<?php echo $name; ?>" placeholder="Navn *" required="" />
                    <input class="txt-input" name="email" value="<?php echo $email; ?>" placeholder="E-mail *" required="" />
                    <input class="txt-input" name="phone" value="<?php echo $phone; ?>" placeholder="Tlf. nr.*" required="" />
                    <textarea class="txt-area" name="enquiry" placeholder="Besked..."  required=""><?php echo $enquiry; ?></textarea>
                    <div class="wrap-button">
                        <a id="contact_submit" class="btnGreen btnSend" href="#">Send</a>
                        <a id="contact_reset" class="btnGreen btnReset" href="#">Nustil</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!--template-article w-content-->

<script type="text/javascript">
    $('#contact_submit').bind('click', function(e){
        e.preventDefault();

        $('#contact_form').submit();
    });

    $('#contact_reset').bind('click', function(e){
        e.preventDefault();

        $('#contact_form input').each(function(index, value){
            $(this).val('');
        });
        $('#contact_form textarea').each(function(index, value){
            $(this).val('');
        });
    });

    $('#contact_form').validate({
        rules: {
            name: 'required',
            email: {
                required: true,
                email: true
            },
            phone: 'required',
            enquiry: 'required'
        },
        messages: {
            name: '',
            email: '',
            phone: '',
            enquiry: ''
        },
        errorClass: 'invalid',
        errorPlacement: function(error, element) { },
        onkeyup: false
    });
</script>

<?php echo $footer; ?>